<!DOCTYPE html>
<!--文件类型-->

<html>

<head>
    <!-- Standard Meta -->
    <meta charset="UTF-8">

    <!--网页标题（显示在浏览器标题栏中改网页的标签页）-->
    <title>Python - BitBitcode</title>
    <!--标题栏图标-->
    <link rel="icon" href="..\images\Logo.png" type="image/x-icon">
    <!--收藏夹图标-->
    <link rel="shortcut icon" href="..\images\Logo.png" type="image/x-icon">


    <!--调用 CSS 样式文件-->
    <link href="..\CSS_files\semantic.css" rel="stylesheet" type="text/css">
    <link href="..\CSS_files\menupage.css" rel="stylesheet" type="text/css">


    <!--调用 JavaScript 文件-->
    <!--注意：“jquery-3.1.1.js”和“semantic.js”的调用顺序不能变！！！-->
    <script src="..\JavaScript_files\jquery-3.1.1.js"> </script>
    <script src="..\JavaScript_files\semantic.js"> </script>


    <!--含有JavaScript效果组件还需要单独调用-->
    <script>
        $(document)
            .ready(function () {
                $('.ui.menu .ui.dropdown')
                    .dropdown({
                        on: 'hover'
                    });
                $('.ui.menu a.item')
                    .on('click', function () {
                        $(this)
                            .addClass('active')
                            .siblings()
                            .removeClass('active')
                            ;
                    })
                    ;
            })
            ;
    </script>


    <!--内部样式定义-->
    <style>
        body {
            padding: 0em;
        }

        .ui.menu {
            margin: 0em 0em;
        }

        .ui.menu:last-child {
            margin-bottom: 110px;
        }
    </style>
</head>

<body>
    <!--全页面背景-->
    <div class="background"> </div>


    <!--页眉与导航栏（开始）-->
    <div class="ui inverted grey fixed menu" style="padding-right: 10%; padding-left: 10%;">
        <!--单项菜单-->
        <div class="header item">BitBitcode</div>
        <a class="item" href="..\index.html"> 首 页 </a>
        <a class="item" href="(1)C_and_C++.html"> C/C++ </a>
        <a class="item" href="(2)CMD.html"> CMD </a>
        <a class="active item" href="(3)Python.html"> Python </a>
        <a class="item" href="(4)Articles.html"> 文 章 </a>

        <!--下拉菜单-->
        <div tabindex="0" class="ui dropdown item">
            更 多
            <i class="dropdown icon"></i>
            <div tabindex="-1" class="menu transition hidden">
                <a class="item" href="..\(5)Others\sentence.html"> 有趣的话 </a>
                <a class="item" href="..\(5)Others\lyric.html"> 歌词分享 </a>
                <a class="item" href="..\(5)Others\wallpaper.html"> 壁纸分享 </a>
                <div class="divider"></div>
                <a class="item" href="(5)Others.html">其 他</a>
                <div class="divider"></div>
                <a class="item" href="..\README.md">关于本站</a>
            </div>
        </div>

        <!--右边搜索栏和链接-->
        <div class="right menu">
            <div class="item">
                <div class="ui transparent inverted icon input">
                    <input type="text" placeholder="搜索功能还未上线">
                    <button class="ui grey icon button"><i class="search icon"></i></button>
                </div>
            </div>
            <a class="item" href="http://github.com/BitBitcode"><i class="github icon"></i> 我的GitHub</a>
        </div>
    </div>
    <!--页眉与导航栏（结束）-->


    <!--正文部分（开始）-->
    <div class="MFD_Light_Navigation">
        <!--侧边二级导航栏-->
        <div id="sidebar">
            <h3 style="width: 100%; margin-left: 0; padding: 1em;"> Python </h3>
            <div class="ui secondary vertical pointing menu" style="width: 100%; margin-left: 0; font-size: 1em">
                <a class="active item" href="#md1"> 前 言 </a>
                <a class="item" href="#md2"> 上 新 </a>
                <a class="item" href="#md3"> 推 荐 </a>
                <a class="item" href="#md4"> 其 他 </a>
                <a class="item"> 待 续 </a>
            </div>
        </div>

        <div class="MFD_Light_Content">
            <div class="part" id="md1">
                <h1 class="ui dividing header"> 前 言 </h1>
                <h2> 简 介 </h2>
                <img class="ui right floated image" src="..\images\python-logo.png">
                <p>
                    Python是一种跨平台的计算机程序设计语言。
                    是一种面向对象的动态类型语言，
                    最初被设计用于编写自动化脚本(shell)，
                    随着版本的不断更新和语言新功能的添加，越来越多被用于独立的、大型项目的开发。
                </p>
                <div class="ui info message"><i class="info circle icon"></i>
                    单词python是蟒蛇的意思，仔细看看图标就会发现是两条蛇
                </div>

                <h2> 应 用 </h2>
                <p>
                    其实要用那些专业的术语解释Python是干什么的的确很晦涩难懂。如果你听过“爬虫”
                    （如果不了解没关系，只要想想12306为什么要弄那么变态的验证码，你就理解“爬虫”有多么厉害，
                    当然爬虫也分好坏，搜索引擎本身就是爬虫），
                    其背后的编写语言大多用的是Python。而Python还可以实现自动收发邮件，自动排版Word，进行数据库管理，网站管理等等。
                    这些应用场景听起来似乎毫不相关，但事实上这是Python有丰富的第三方库的原因。
                    可以简单理解第三方库为别人写好的一些现成代码，比如有人想自动收发邮件，就写了一些代码，
                    然后进行封装，发布在网上，你下载了直接用其中的一些代码就可以了。也就是大家说的“不要重复造轮子”。
                </p>

                <h2> 安 装 </h2>
                <p>
                    由于Windows系统不能直接运行Python代码，所以需要安装一个“解释器”（也就是将Python代码解释为Windows系统下能直接执行的二进制代码）。
                    点击下方官网链接下载编译器，安装时一定要勾选“将路径添加到环境”。<br>
                    <div class="ui message"><i class="download icon"></i> 下 载：
                        <a href="https://www.python.org/downloads/release/python-381/"> Python 3.8 </a>
                    </div>
                </p>
                <p>
                    如果你只需要一个轻量化的代码编辑器（也称文本编辑器），推荐：Visual Studio Code<br>
                    不是那个大出天际的Visual Studio，是微软推出的轻量化新编辑器，由于是轻量化的，所以需要手动配置：
                    下载编译器，下载对应语言的“扩展”，然后配置环境（仔细阅读帮助文档即可，软件内也有相应的提示信息）<br>
                    <div class="ui message"><i class="download icon"></i> 下 载：
                        <a href="https://code.visualstudio.com/"> Visual Studio Code </a>（完全免费）
                    </div>
                </p>

                <p>
                    对于Python语言，还有一个热度很高的代码编辑器：Pycharm<br>
                    由于没有深度使用，也不能给出更多的测评建议。但是的确和Visual Studio Code很像，也是轻量化的一款编辑器。
                    不过如果你想使用一些高级功能，需要付费的Professional版本，当然免费版作为初学是完全够用的。
                    <div class="ui message"><i class="download icon"></i> 下 载：
                        <a href="https://www.jetbrains.com/zh-cn/pycharm/"> Pycharm </a>（下载免费的Community版本即可）
                    </div>
                </p>

                <p>
                    如果你想要完整的编程体验，那么你需要一款 IDE（Integrated Development Environment，集成开发环境），
                    包括代码编辑器、编译器、调试器和图形用户界面等工具。
                    集成了代码编写功能、分析功能、编译功能、调试功能等一体化的开发软件服务套。<br>
                    推荐：Visual Studio（大出天际的那个，不过现在有所改善），是微软成熟的开发软件，安装时选择需要的“工作负载”，无需手动配置。最新版本是2019。<br>
                    <div class="ui message"> <i class="download icon"></i> 下 载：
                        <a href="https://visualstudio.microsoft.com"> Visual Studio 2019</a>（下载免费的Community版本即可）
                    </div>
                </p>
                <div class="ui info message"><i class="info circle icon"></i>
                    当然还有很多编辑器，大家可以根据自己的情况和喜好自行选择。
                </div>
            </div>


            <div class="part" id="md2">
                <h1 class="ui dividing header"> 上 新 </h1>
                <!--卡片式-->
                <div class="ui raised pink segment">
                    <h2><i class="big yellow exclamation triangle icon"> </i>施工中</h2>
                </div>
            </div>

            <div class="part" id="md3">
                <h1 class="ui dividing header"> 推 荐 </h1>
                <!--卡片式-->
                <div class="ui raised pink segment">
                    <h2><i class="big yellow exclamation triangle icon"> </i>施工中</h2>
                </div>
            </div>

            <div class="part" id="md4">
                <h1 class="ui dividing header"> 其 他 </h1>
                <!--卡片式-->
                <div class="ui raised pink segment">
                    <h2><i class="big yellow exclamation triangle icon"> </i>施工中</h2>
                </div>
            </div>
        </div>
    </div>
    <!--正文部分（结束）-->


    <!--页脚部分（开始）-->
    <!--还可以借鉴GitHub的页脚：两边写字，中间有图标-->
    <div class="ui inverted grey vertical four item footer segment">
        <div class="ui container">
            <div class="ui stackable inverted divided equal height stackable grid">
                <div class="three wide column">
                    <h4 class="ui inverted header">关 于</h4>
                    <div class="ui inverted link list">
                        <a class="item" href="https://github.com/">服务器支持：GitHub Pages</a>
                        <a class="item" href="https://semantic-ui.com/">样式支持：Semantic UI</a>
                        <a class="item" href="https://code.visualstudio.com/">开发软件：Visual Studio Code</a>
                        <a class="item" href="https://github.com/BitBitcode/BitBitcode.github.io">项目开源：GitHub</a>
                    </div>
                </div>
                <div class="three wide column">
                    <h4 class="ui inverted header">联系作者</h4>
                    <div class="ui inverted link list">
                        <a class="item">E-mail: smilewwc@qq.com</a>
                        <a class="item">Telephone：000000（示例）</a>
                        <a class="item">邮编：111111（示例）</a>
                        <a class="item">地址：中国-China</a>
                    </div>
                </div>
                <div class="seven wide column">
                    <h4 class="ui inverted header">版权信息</h4>
                    Semantic UI样式版权归原网站所有，请勿商用！<br>
                    Copyright ©2019~2020 BitBitcode.
                </div>
            </div>
        </div>
    </div>
    <!--页脚部分（结束）-->
</body>

</html>